<script setup>
import TabBar from "@/components/TabBar.vue";
import {useRoute} from "vue-router";
const debounce = (fn, delay) => {
  let timer = null;
  return function () {
    let context = this;
    let args = arguments;
    clearTimeout(timer);
    timer = setTimeout(function () {
      fn.apply(context, args);
    }, delay);
  }
}

const _ResizeObserver = window.ResizeObserver;
window.ResizeObserver = class ResizeObserver extends _ResizeObserver {
  constructor(callback) {
    callback = debounce(callback, 16);
    super(callback);
  }
}


</script>

<template>
  <div id="app">
    <div class="tabBar">
      <TabBar></TabBar>
    </div>
      <div class="view">
        <router-view></router-view>
      </div>
  </div>
</template>

<style scoped>
#app{
  height: 100vh;
}
.tabBar{
  height: 60px;
}
.view{
  height: 95%;
}

</style>
<!--2024/2/2 12:27-->